<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
		<meta name="renderer" content="webkit"/>
		<meta name="force-rendering" content="webkit"/>
		<title>系统消息</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/popup.css"/>		
		<script src="js/config.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/axios-config.js?v=5"></script>
    <script src="js/vue/vue.js"></script>
    <script src="js/component.js?v=78"></script>
    <script src="js/navbar-component.js?v=2"></script>
    <script src="js/vue/vue-router.js"></script>
    <script src="js/srt.js?v=7"></script>
		<script src="js/moment.js"></script>
		<script>moment.locale("zh-cn")</script>	
	</head>
	<body>
		<div id="app">	
			<div class="xitongxiaoxi-wrapper">
				<div class="xitongxiaoxi-cell-list" v-for="(item,index) in dataList" :key="index">
					<p class="xitongxiaoxi-title">{{item.title}}</p>
					<div class="xitongxiaoxi-nr" v-html="item.content">
					</div>
					<div class="xitongxiaoxi-shijian">{{moment(item.create_time*1000).format('YYYY-MM-DD HH:mm')}}</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var vue = new Vue({
			el:'#app',
			data(){
				return {
					name:'test',
					page:1,
					dataList:[]
				}
			},
			created(){
				this.getData()
			},
			methods:{
				getData(){
					axios.get("/mp/notify/index",{params:{page:this.page}}).then(res=>{
						this.dataList = res.data
					})
				}
			}
		})
	</script>
</html>
